<template>
  <div>
    <div id="myprint">
      <h3>7号训练室</h3>
      <image-upload :limit="3" />
    </div>

    <el-button v-print="{ id: 'myprint' }">打印</el-button>

    <!-- 准备一个大容器 -->
    <div style="height: 2000px; background: pink;" />

    <!-- 这是一个组件，这里的src其实还没有给img，
         只有到进入可视区，才渲染图片设置src
         懒加载的图片必须设置宽高
    -->
    <el-image
      src="https://img1.baidu.com/it/u=1591733825,3937562212&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1659459600&t=07982fd0b55826915f612fb7f22d167a"
      lazy
    />

    <el-image
      src="https://img0.baidu.com/it/u=68353154,235073569&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1659459600&t=82a36ca51b5a38691dde32d8c0979466"
      lazy
    />
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.el-image {
  width: 600px;
  height: 300px;
}
</style>
